<div class="dialog-container mdd-dialog mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog F0101-dialog c-mdd-page" ng-init="dialog.init();" style="background-color: #fafafa" page-type="Dialog" _transclude-elem="[object Object]">
  <div class="kmi-header-row">
    <div class="header-title" ng-bind="dialog._title | translate"></div>
    <!--More Menu-->

    <!--Close button-->
    <div class="kmi-side-btn right" ng-click="dialog.hide();">
      <img src="image/icons/clear.png" />
      <div class="kmi-can-click"></div>
    </div>
  </div>
  <div class="kmi-layout-main-content" style="flex: 1">
    <!--Page-->
    <div class="kmi-layout-page">
      <div class="mdd-layout__with-toolbar mdd-layout c-mdd-layout" layout-name="F0101" page-name="" page-type="Dialog" with-toolbar="Y" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(10, auto 1fr)">
        <label class="label" ng-show="dialog._event['wo_no'].isShown != 'N'" style="" ng-bind="'F0101.columns.wo_no' | translate"></label>
        <div class="value" ng-show="dialog._event['wo_no'].isShown != 'N'" style="grid-column-start: span 7">
          <input type="text" readonly="" ng-model="dialog.condition.wo_no_display" ng-click="dialog._event['wo_no'].click(dialog.condition.wo_no, {event:$event});" ng-disabled="dialog._event['wo_no'].isDisabled == 'Y'" />
          <div class="tip"><i class="material-icons"></i></div>
        </div>
        <label class="label" ng-show="dialog._event['machine_no'].isShown != 'N'" style="" ng-bind="'F0101.columns.machine_no' | translate"></label>
        <div class="value" ng-show="dialog._event['machine_no'].isShown != 'N'" style="grid-column-start: span 5"><label class="value" ng-bind="dialog.condition.machine_no" mdl-toast="{{dialog.condition.machine_no}}" mdl-toast-passive="true"></label></div>
        <div item-name="item_metrail" class="kmi-text-fields" style="grid-column-start: span 6">
          <label class="label" ng-bind="'F0101.material_opt' | translate"></label>
          <label class="value material_opt" ng-bind="'F0101.material_opt_' + dialog.condition.material_opt | translate"> </label>
        </div>
        <label class="label" ng-show="dialog._event['op_no'].isShown != 'N'" style="" ng-bind="'F0101.columns.op_no' | translate"></label>
        <div class="value" ng-show="dialog._event['op_no'].isShown != 'N'" style="grid-column-start: span 7">
          <input type="text" readonly="" ng-model="dialog.condition.op_no_display" ng-click="dialog._event['op_no'].click(dialog.condition.op_no, {event:$event});" ng-disabled="dialog._event['op_no'].isDisabled == 'Y'" />
          <div class="tip"><i class="material-icons"></i></div>
        </div>
        <label class="label" ng-show="dialog._event['station_no'].isShown != 'N'" style="" ng-bind="'F0101.columns.station_no' | translate"></label>
        <div class="value" ng-show="dialog._event['station_no'].isShown != 'N'" style="grid-column-start: span 9">
          <input type="text" readonly="" ng-model="dialog.condition.position_no_display" ng-click="dialog._event['station_no'].click(dialog.condition.position_no, {event:$event});" ng-disabled="dialog._event['station_no'].isDisabled == 'Y'" />
          <div class="tip"><i class="material-icons"></i></div>
        </div>
        <button class="kmi-button kmi-button-confrim btn-qrcode-query" style="grid-column-start: span 2" ng-show="dialog._fn['btn_search'].isShown != 'N'" ng-disabled="dialog._fn['btn_search'].isDisabled == 'Y'" ng-click="dialog._fn['btn_search'].click(dialog.btn_search, 'btn_search', {event:$event});">
          <label>{{'F0101.columns.btn_search' | translate}}</label>
          <div class="kmi-can-click"></div>
        </button>
        <div class="mdd-list c-mdd-list" null="" ng-show="dialog._event['F0101_list'].isShown != 'N'" style="height:{{dialog._event['F0101'].GetfillHeight()}};grid-column-start:span 20;" list-name="F0101_list" list-bind="dialog.F0101_list" list-alias="dialog.material_detail" enable-select="N" select-all="N" page-name="" page-type="Dialog" _transclude-elem="[object Object]">
          <div class="kmi-list column-selector" kmi-scrollbar="1692px" column-selector-id="F0101_list" style="flex: 1">
            <div class="kmi-list__header">
              <div item-name="btn_1" class="kmi-list__column require width-fixed btn_1" style="width: 36px; z-index: 1">
                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.selectAll();">
                  <img ng-show="!dialog.isSelectAll" src="image/icons/check0.png" />
                  <img ng-show="dialog.isSelectAll" src="image/icons/check1.png" />
                </button>
              </div>
              <div item-name="btn_2" class="kmi-list__column require width-fixed btn_2" style="width: 36px">
                <div></div>
              </div>
              <div item-name="btn_feeding" class="kmi-list__column" style="flex: 0 0 84px" column-name="{{'F0101.material_detail.column16' | translate}}"></div>
              <div item-name="btn_materialBorrow" class="kmi-list__column" style="flex: 0 0 84px" column-name="{{'F0101.material_detail.column17' | translate}}" ng-show="dialog.material_borrow_board_permission"></div>
              <div item-name="btn_PortionCutting" class="kmi-list__column" style="flex: 0 0 84px" column-name="{{'F0101.material_detail.column16' | translate}}"></div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.material_no'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[5].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['material_no']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[5].isFilter = false;dialog._objF0101_list.filterColumns['material_no'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[5].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[5].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.material_no' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 5">{{!dialog._objF0101_list.header[5].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(5, 'material_no', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.std_qty'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[6].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['std_qty']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[6].isFilter = false;dialog._objF0101_list.filterColumns['std_qty'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[6].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[6].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.std_qty' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 6">{{!dialog._objF0101_list.header[6].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(6, 'std_qty', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.substitute_material_no'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[7].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['substitute_material_no']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[7].isFilter = false;dialog._objF0101_list.filterColumns['substitute_material_no'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[7].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[7].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.substitute_material_no' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 7">{{!dialog._objF0101_list.header[7].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(7, 'substitute_material_no', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.substitute_material_std_qty'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[8].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['substitute_material_std_qty']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[8].isFilter = false;dialog._objF0101_list.filterColumns['substitute_material_std_qty'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[8].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[8].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.substitute_material_std_qty' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 8">{{!dialog._objF0101_list.header[8].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(8, 'substitute_material_std_qty', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.material_plot_no'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[9].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['material_plot_no']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[9].isFilter = false;dialog._objF0101_list.filterColumns['material_plot_no'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[9].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[9].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.material_plot_no' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 9">{{!dialog._objF0101_list.header[9].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(9, 'material_plot_no', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.feeding_qty'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[10].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['feeding_qty']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[10].isFilter = false;dialog._objF0101_list.filterColumns['feeding_qty'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[10].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[10].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.feeding_qty' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 10">{{!dialog._objF0101_list.header[10].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(10, 'feeding_qty', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.qty'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[11].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['qty']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[11].isFilter = false;dialog._objF0101_list.filterColumns['qty'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[11].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[11].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.qty' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 11">{{!dialog._objF0101_list.header[11].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(11, 'qty', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.demand_qty'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[12].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['demand_qty']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[12].isFilter = false;dialog._objF0101_list.filterColumns['demand_qty'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[12].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[12].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.demand_qty' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 12">{{!dialog._objF0101_list.header[12].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(12, 'demand_qty', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.material_style'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[13].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['material_style']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[13].isFilter = false;dialog._objF0101_list.filterColumns['material_style'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[13].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[13].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.material_style' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 13">{{!dialog._objF0101_list.header[13].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(13, 'material_style', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1 1 0%" ng-show="dialog._event['dialog.F0101_list.demand_state'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[14].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['demand_state']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[14].isFilter = false;dialog._objF0101_list.filterColumns['demand_state'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[14].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[14].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.demand_state' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 14">{{!dialog._objF0101_list.header[14].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(14, 'demand_state', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1 1 0%" ng-show="dialog._event['dialog.F0101_list.is_auto_demand'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[15].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['is_auto_demand']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[15].isFilter = false;dialog._objF0101_list.filterColumns['is_auto_demand'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[15].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[15].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.is_auto_demand' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 15">{{!dialog._objF0101_list.header[15].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(15, 'is_auto_demand', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.min_stock_qty'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[16].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['min_stock_qty']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[16].isFilter = false;dialog._objF0101_list.filterColumns['min_stock_qty'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[16].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[16].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.min_stock_qty' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 16">{{!dialog._objF0101_list.header[16].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(16, 'min_stock_qty', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.manual_qty'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[17].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['manual_qty']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[17].isFilter = false;dialog._objF0101_list.filterColumns['manual_qty'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[17].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[17].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.manual_qty' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 17">{{!dialog._objF0101_list.header[17].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(17, 'manual_qty', 'dialog._objF0101_list');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.F0101_list.position_no'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objF0101_list.header[18].isFilter">
                  <input ng-model="dialog._objF0101_list.filterColumns['position_no']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objF0101_list.header[18].isFilter = false;dialog._objF0101_list.filterColumns['position_no'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objF0101_list.header[18].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objF0101_list.header[18].isFilter = true">search</i>
                  <label ng-bind="'F0101_list.columns.position_no' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objF0101_list.queryOrder == 18">{{!dialog._objF0101_list.header[18].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(18, 'position_no', 'dialog._objF0101_list');"></div>
                </div>
              </div>
            </div>
            <div class="kmi-list__row-content">
              <div class="kmi-list__row" id="F0101_list_result_list" ng-repeat="item in dialog._event['dialog.F0101_list'].getPages(dialog.material_detail, dialog._objF0101_list.PageConfig, dialog._objF0101_list.filterColumns, dialog._objF0101_list.header[dialog._objF0101_list.queryOrder]) track by $index" ng-class="{'is-select':dialog._event['dialog.F0101_list'].checkSelect(item, {index:$index, event:$event})}">
                <div item-name="btn_1" class="kmi-list__column btn_1" style="z-index: 1">
                  <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.selectMaterial(item, $event);">
                    <img ng-show="!item.isSelect" src="image/icons/check0.png" />
                    <img ng-show="item.isSelect" src="image/icons/check1.png" />
                  </button>
                </div>
                <div item-name="btn_2" class="kmi-list__column btn_2" style="z-index: 1">
                  <div class="dashboard-light-panel red" ng-show="item.light == 1"></div>
                  <div class="dashboard-light-panel green" ng-show="item.light == 0"></div>
                </div>
                <div item-name="btn_feeding" class="kmi-list__column column-border kmi-column-button" style="flex: 0 0 84px; z-index: 1">
                  <label ng-bind="'F0101.btn.feeding' | translate"></label>
                  <div class="kmi-can-click" ng-click="dialog.feeding(item, $event);"></div>
                </div>
                <div item-name="btn_materialBorrow" class="kmi-list__column column-border kmi-column-button" style="flex: 0 0 84px; z-index: 1" ng-show="dialog.material_borrow_board_permission">
                  <label ng-bind="'F0101.btn.material_borrow' | translate"></label>
                  <div class="kmi-can-click" ng-click="dialog.materialBorrow(item, $event);"></div>
                </div>
                <div item-name="btn_PortionCutting" class="kmi-list__column column-border kmi-column-button" style="flex: 0 0 84px; z-index: 1">
                  <label ng-bind="'F0101.btn.portionCutting' | translate"></label>
                  <div class="kmi-can-click" ng-click="dialog.btnPortionCutting(item, $event);"></div>
                </div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.material_no" ng-if="dialog._event['dialog.F0101_list.material_no'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.std_qty" ng-if="dialog._event['dialog.F0101_list.std_qty'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.substitute_material_no" ng-if="dialog._event['dialog.F0101_list.substitute_material_no'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.substitute_material_std_qty" ng-if="dialog._event['dialog.F0101_list.substitute_material_std_qty'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.material_plot_no" ng-if="dialog._event['dialog.F0101_list.material_plot_no'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.feeding_qty" ng-if="dialog._event['dialog.F0101_list.feeding_qty'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.qty" ng-if="dialog._event['dialog.F0101_list.qty'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.demand_qty" ng-if="dialog._event['dialog.F0101_list.demand_qty'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.material_style" ng-if="dialog._event['dialog.F0101_list.material_style'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" item-name="demand_state" style="flex: 1" ng-bind="'F0101.demand_state_' + item.demand_state | translate"></div>
                <div class="kmi-list__column column-border" item-name="is_auto_demand" style="flex: 1" ng-bind="'F0101.is_auto_demand_' + item.is_auto_demand | translate"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.min_stock_qty" ng-if="dialog._event['dialog.F0101_list.min_stock_qty'].isShown != 'N'"></div>
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.F0101_list.manual_qty'].isShown != 'N'">
                  <div class="kmi-text-fields">
                    <input type="text" readonly="" ng-model="item.manual_qty" ng-click="dialog._event['dialog.F0101_list.manual_qty'].click(item, {eventScope:item, event:$event, index:$index});" />
                  </div>
                </div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.position_no" ng-if="dialog._event['dialog.F0101_list.position_no'].isShown != 'N'"></div>
                <div class="kmi-can-click" ng-click="dialog._event['dialog.F0101_list'].rowClick(item, {index:$index, event:$event});"></div>
              </div>
            </div>
          </div>
          <div class="page-content">
            <div class="page-icon">
              <img src="image/icons/dropleft.png" />
              <div class="kmi-can-click" ng-click="dialog.prevPage(dialog._objF0101_list.PageConfig);"></div>
            </div>
            <label ng-bind="dialog.pageInfo(dialog._objF0101_list.PageConfig);"></label>
            <div class="page-icon">
              <img src="image/icons/dropright.png" />
              <div class="kmi-can-click" ng-click="dialog.nextPage(dialog._objF0101_list.PageConfig);"></div>
            </div>
          </div>
        </div>
        <div class="mdd-list c-mdd-list" null="" ng-show="dialog._event['list'].isShown != 'N'" style="height:{{dialog._event['F0101'].GetfillHeight()}};grid-column-start:span 20;" list-name="F0101_dispatch" list-bind="dialog.list" list-alias="dialog.getPages(dialog.dispatch_details, dialog.List_PageConfig, dialog.List_filterValue)" enable-select="N" select-all="N" page-name="" page-type="Dialog" _transclude-elem="[object Object]">
          <div class="kmi-list column-selector" kmi-scrollbar="520px" column-selector-id="F0101_dispatch" style="flex: 1">
            <div class="kmi-list__header">
              <div item-name="but1" class="kmi-list__column require width-fixed" style="flex: 0 0 40px; z-index: 1">
                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.dispatchSelectAll();">
                  <img ng-show="!dialog.dispatchIsSelectAll" src="image/icons/check0.png" />
                  <img ng-show="dialog.dispatchIsSelectAll" src="image/icons/check1.png" />
                </button>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.list.equipment_no'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objlist.header[1].isFilter">
                  <input ng-model="dialog._objlist.filterColumns['equipment_no']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objlist.header[1].isFilter = false;dialog._objlist.filterColumns['equipment_no'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objlist.header[1].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objlist.header[1].isFilter = true">search</i>
                  <label ng-bind="'F0101_dispatch.columns.equipment_no' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objlist.queryOrder == 1">{{!dialog._objlist.header[1].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(1, 'equipment_no', 'dialog._objlist');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.list.equipment_name'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objlist.header[2].isFilter">
                  <input ng-model="dialog._objlist.filterColumns['equipment_name']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objlist.header[2].isFilter = false;dialog._objlist.filterColumns['equipment_name'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objlist.header[2].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objlist.header[2].isFilter = true">search</i>
                  <label ng-bind="'F0101_dispatch.columns.equipment_name' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objlist.queryOrder == 2">{{!dialog._objlist.header[2].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(2, 'equipment_name', 'dialog._objlist');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls hide" style="flex: 1" ng-show="dialog._event['dialog.list.op_no'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objlist.header[3].isFilter">
                  <input ng-model="dialog._objlist.filterColumns['op_no']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objlist.header[3].isFilter = false;dialog._objlist.filterColumns['op_no'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objlist.header[3].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objlist.header[3].isFilter = true">search</i>
                  <label ng-bind="'F0101_dispatch.columns.op_no' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objlist.queryOrder == 3">{{!dialog._objlist.header[3].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(3, 'op_no', 'dialog._objlist');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.list.lot_no'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objlist.header[4].isFilter">
                  <input ng-model="dialog._objlist.filterColumns['lot_no']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objlist.header[4].isFilter = false;dialog._objlist.filterColumns['lot_no'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objlist.header[4].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objlist.header[4].isFilter = true">search</i>
                  <label ng-bind="'F0101_dispatch.columns.lot_no' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objlist.queryOrder == 4">{{!dialog._objlist.header[4].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(4, 'lot_no', 'dialog._objlist');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.list.d_qty'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objlist.header[5].isFilter">
                  <input ng-model="dialog._objlist.filterColumns['d_qty']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objlist.header[5].isFilter = false;dialog._objlist.filterColumns['d_qty'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objlist.header[5].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objlist.header[5].isFilter = true">search</i>
                  <label ng-bind="'F0101_dispatch.columns.d_qty' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objlist.queryOrder == 5">{{!dialog._objlist.header[5].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(5, 'd_qty', 'dialog._objlist');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls hide" style="flex: 1" ng-show="dialog._event['dialog.list.t_qty'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objlist.header[6].isFilter">
                  <input ng-model="dialog._objlist.filterColumns['t_qty']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objlist.header[6].isFilter = false;dialog._objlist.filterColumns['t_qty'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objlist.header[6].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objlist.header[6].isFilter = true">search</i>
                  <label ng-bind="'F0101_dispatch.columns.t_qty' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objlist.queryOrder == 6">{{!dialog._objlist.header[6].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(6, 't_qty', 'dialog._objlist');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls hide" style="flex: 1" ng-show="dialog._event['dialog.list.m_rate'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objlist.header[7].isFilter">
                  <input ng-model="dialog._objlist.filterColumns['m_rate']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objlist.header[7].isFilter = false;dialog._objlist.filterColumns['m_rate'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objlist.header[7].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objlist.header[7].isFilter = true">search</i>
                  <label ng-bind="'F0101_dispatch.columns.m_rate' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objlist.queryOrder == 7">{{!dialog._objlist.header[7].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(7, 'm_rate', 'dialog._objlist');"></div>
                </div>
              </div>
            </div>
            <div class="kmi-list__row-content">
              <div class="kmi-list__row" id="F0101_dispatch_result_list" ng-repeat="item in dialog._event['dialog.list'].getPages(dialog.getPages(dialog.dispatch_details, dialog.List_PageConfig, dialog.List_filterValue), dialog._objlist.PageConfig, dialog._objlist.filterColumns, dialog._objlist.header[dialog._objlist.queryOrder]) track by $index" ng-class="{'is-select':dialog._event['dialog.list'].checkSelect(item, {index:$index, event:$event})}">
                <div item-name="but1" class="kmi-list__column" style="flex: 0 0 40px; z-index: 1">
                  <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.dispatchSelectMaterial(item, $event);">
                    <img ng-show="!item.isSelect" src="image/icons/check0.png" />
                    <img ng-show="item.isSelect" src="image/icons/check1.png" />
                  </button>
                </div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.equipment_no" ng-if="dialog._event['dialog.list.equipment_no'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.equipment_name" ng-if="dialog._event['dialog.list.equipment_name'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.op_no" ng-if="dialog._event['dialog.list.op_no'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.lot_no" ng-if="dialog._event['dialog.list.lot_no'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.d_qty" ng-if="dialog._event['dialog.list.d_qty'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.t_qty" ng-if="dialog._event['dialog.list.t_qty'].isShown != 'N'"></div>
                <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.m_rate" ng-if="dialog._event['dialog.list.m_rate'].isShown != 'N'"></div>
                <div class="kmi-can-click" ng-click="dialog._event['dialog.list'].rowClick(item, {index:$index, event:$event});"></div>
              </div>
            </div>
          </div>
          <div class="page-content">
            <div class="page-icon">
              <img src="image/icons/dropleft.png" />
              <div class="kmi-can-click" ng-click="dialog.prevPage(dialog._objlist.PageConfig);"></div>
            </div>
            <label ng-bind="dialog.pageInfo(dialog._objlist.PageConfig);"></label>
            <div class="page-icon">
              <img src="image/icons/dropright.png" />
              <div class="kmi-can-click" ng-click="dialog.nextPage(dialog._objlist.PageConfig);"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="mdd-button-tool">
        <div class="tool-bar">
          <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['btn_demand'].isDisabled == 'Y'" ng-hide="dialog._fn['btn_demand'].isShown == 'N'" style="width: 100px">
            <label>{{'F0101.funcs.btn_demand' | translate}}</label>
            <div class="kmi-can-click" ng-click="dialog._fn['btn_demand'].click('btn_demand');"></div>
          </div>
          <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['btn_PortionCutting'].isDisabled == 'Y'" ng-hide="dialog._fn['btn_PortionCutting'].isShown == 'N'" style="width: 100px">
            <label>{{'F0101.funcs.btn_PortionCutting' | translate}}</label>
            <div class="kmi-can-click" ng-click="dialog._fn['btn_PortionCutting'].click('btn_PortionCutting');"></div>
          </div>
        </div>
        <div class="tool-bar" style="justify-content: flex-end">
          <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['Execute'].isDisabled == 'Y'" ng-hide="dialog._fn['Execute'].isShown == 'N'" style="width: 100px">
            <label ng-bind="'common.btn.confirm' | translate"></label>
            <div class="kmi-can-click" ng-click="dialog._fn['Execute'].click('Execute');"></div>
          </div>
          <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['btn_matetial_transport'].isDisabled == 'Y'" ng-hide="dialog._fn['btn_matetial_transport'].isShown == 'N'" style="width: 100px">
            <label ng-bind="'F0101.funcs.btn_matetial_transport' | translate"></label>
            <div class="kmi-can-click" ng-click="dialog._fn['btn_matetial_transport'].click('btn_matetial_transport');"></div>
          </div>
          <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['btn_cutting'].isDisabled == 'Y'" ng-hide="dialog._fn['btn_cutting'].isShown == 'N'" style="width: 100px">
            <label ng-bind="'F0101.funcs.btn_cutting' | translate"></label>
            <div class="kmi-can-click" ng-click="dialog._fn['btn_cutting'].click('btn_cutting');"></div>
          </div>
          <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['btn_material_replace'].isDisabled == 'Y'" ng-hide="dialog._fn['btn_material_replace'].isShown == 'N'" style="width: 100px">
            <label ng-bind="'F0101.funcs.btn_material_replace' | translate"></label>
            <div class="kmi-can-click" ng-click="dialog._fn['btn_material_replace'].click('btn_material_replace');"></div>
          </div>
          <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['btn_material_req'].isDisabled == 'Y'" ng-hide="dialog._fn['btn_material_req'].isShown == 'N'" style="width: 100px">
            <label ng-bind="'F0101.funcs.btn_material_req' | translate"></label>
            <div class="kmi-can-click" ng-click="dialog._fn['btn_material_req'].click('btn_material_req');"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
